<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">   
<html xmlns="http://www.w3.org/1999/xhtml"  xmlns:h="http://java.sun.com/jsf/html"  xmlns:f="http://java.sun.com/jsf/core"  xmlns:ui="http://java.sun.com/jsf/facelets"  xmlns:p="http://primefaces.prime.com.tr/ui">    
    <f:view contentType="text/html">  
        <h:head>  
            <title>  
                <ui:insert name="title">Gama Detecta</ui:insert>  
            </title>  
            <link rel="shortcut icon" href="Imagens/HP-Projector.ico"/>  
            <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>  
            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/themes/#{guestPreferences.theme}/skin.css" />  
            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/roller/ui-darkness/theme.css" />  
            <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
            <style type="text/css">  
                .ui-widget {  font-size: 75%;  }    
                .themeMenu {  overflow: auto;  height:300px;  width:200px;  }    
                .ui-layout-north {  z-index:20 !important;  overflow:visible;  }    
                .ui-layout-north .ui-layout-unit-content {  overflow:visible;  }  
            </style>  
        </h:head> 
        <h:body>
            <p:layout fullPage="true">

                <p:layoutUnit position="top" height="110"  resizable="false" closable="false" collapsible="false">
                    <p:graphicImage width="1355" height="99" value="/Imagens/sate4_antiga.jpg" /> 
                </p:layoutUnit>



                <p:layoutUnit position="left" width="200" header="Menu" resizable="false" closable="false" collapsible="false">
                    <h:form>  
                        <p:growl id="growl" showDetail="true"/>   
                        <p:menu position="left" style="width:190px;height:150px;">    
                            <p:menuitem value="Home" url="/" icon="ui-icon ui-icon-home"/> 
                            <p:menuitem value="Cadastre-se" url="/" icon="ui-icon ui-icon-plus"/>  
                            <p:menuitem value="Informar Foco" url="/" icon="ui-icon ui-icon-pencil"/>  
                            <p:menuitem value="Consultar Focos" url="/" icon="ui-icon ui-icon-search"/>       
                        </p:menu>    
                    </h:form>   
                </p:layoutUnit>



                <p:layoutUnit position="center">
                    <p:breadCrumb >   
                        <p:menuitem value="Categories" url="/" />
                        <p:menuitem value="Cadastre-se" url="#" />
                    </p:breadCrumb>   


<h:form>
                    <p:fieldset collapsed="false" legend="Cadastro" toggleable="true" toggleSpeed="500">
                        <h:panelGrid columns="3" >
                            <h:outputText value="Login: *" />                            
                            <p:inputText id ="login" label="Login" required="true" requiredMessage="Login: O campo está em branco "/>
                            <p:message for="login"/>
                           
                            <h:outputText value="Senha *" />                            
                            <p:password label="Senha" id="senha"  requiredMessage="Senha: O campo está em branco "  required="true" minLength="3"/> 
                            <p:message for="senha"/>
                            
                            <h:outputText value="Nome: " />
                            <p:inputText id="nome" requiredMessage="Nome: O campo está em branco "  required="true"/>
                            <p:message for="nome"/>
                            
                            <h:outputText value="Sobrenome: " />
                            <p:inputText id="sobrenome" requiredMessage="Sobrenome: O campo está em branco "  required="true"/>
                            <p:message for="sobrenome"/>
                            
                            <h:outputText value="CPF: " />  
                            <p:inputMask id="cpf" requiredMessage="CPF: O campo está em branco "  required="true" mask="999.999.999-99"/>
                            <p:message for="cpf"/>
                            
                            <h:outputText value="Data de Nascimento: " /> 
                            <p:calendar id="nascimento" requiredMessage="Data de Nascimento: O campo está em branco "  required="true" readonly="true" showOn="button" pattern="MM/dd/yyyy hh:mm a"/>
                            <p:message for="nascimento"/>
                            
                            <h:outputText value="Email: " />
                            <p:inputText id="email" requiredMessage="Email: O campo está em branco "  required="true" />  
                            <p:message for="email"/>
                            
                            
                            <p:commandButton value="Cadastrar"  image="ui-icon ui-icon-disk" ajax="false"/>
                           
                            
                        </h:panelGrid>
                        

                    </p:fieldset>
                    </h:form>

                </p:layoutUnit>

            </p:layout>	
            
        </h:body>
    </f:view> 
</html>

